<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Pangtang --Personal Info--</title>
    <link rel="stylesheet" href="css/account.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <script src="js/effect.js"></script>
    <!-- <script src="js/fadeIn.js"></script> -->
</head>

<body class="preload">
    <!-- Start of navigation section -->
    <nav class="clearfix">
        <a href="index.html"><img class="logo" src="img/logo.png" alt="logo"></a>

        <input type="checkbox" id="toggle">
        <label for="toggle" class="iconfont icon-toggle"></label>
        <i class="iconfont icon-icons- fr nav_wechat"></i>
        <ul class="navbar fr">
            <li><a href="index.html">
                    <h2>Home </h2><span>ホーム</span>
                </a> </li>
            <li><a href="game.html">
                    <h2>Game</h2><span>ゲーム</span>
                </a> </li>
            <li><a href="case.html">
                    <h2>Case</h2><span>ケース</span>
                </a> </li>
            <li><a href="#">
                    <h2>About Us</h2><span>本社について</span>
                </a> </li>
                <li class="active"><a href="account.html">
                        <h2>Account</h2><span>アカウント</span>
                    </a> </li>
        </ul>

    </nav>
    <!-- End of navigation section -->

    <!-- Start of path -->
    <div class="path_section fade-in-t">
        <div class="path">
            <a href="index.html" class="active f">Home</a>
            <i class="iconfont icon-Arrowright"></i>
            <a href="account.html" class=""><span>Personal Info</a>
        </div>

    </div>
    <!-- End of path -->



    <!-- Start of menu -->
    <div class="menu_section fade-in-t">
        <ul class="menu">
            <li class="active"><a href="#">My Games</a></li>
            <li><a href="#">My Favorites</a></li>
            <li><a href="#">My History </a></li>
            <li><a href="#">My Progress</a></li>
            <li><a href="#">Form Setting</a></li>
        </ul>
        <div class="avatar_section">
            <h3>User Name</h3>
            <div class="avatar">
                <a href="#"><img src="img/avatar.png" alt="avatar"></a>
            </div>

        </div>
    </div>
    <!-- End of menu -->




    <!-- Start of form -->
    <div class="form clearfix">
        <input type="radio" name="form" id="wechat" checked>
        <input type="radio" name="form" id="play_game">
        <input type="radio" name="form" id="lottery">
        <input type="radio" name="form" id="fill">
        <div class="col-l fl fade-in-l">
            <label for="wechat"><i class="iconfont icon-icon"></i><span>Follow in wechat</span> </label>
            <i class="iconfont icon-xiajiantou-copy-copy-copy-copy
            "></i>
            <label for="play_game"><i class="iconfont icon-logo-game-controller-b"></i><span>Play games</span></label>
            <i class="iconfont icon-xiajiantou-copy-copy-copy-copy
            "></i>
            <label for="lottery"><i class="iconfont icon-gift"></i><span>Price draw</span></label>
            <i class="iconfont icon-xiajiantou-copy-copy-copy-copy
            "></i>
            <label for="fill"><i class="iconfont icon-form-pen"></i><span>Fill the form</span></label>
        </div>
        <div class="col-r fl fade-in-r">
            <form action="" id="w_form">
                <div class="row">
                    <p>Option:</p>
                    <input type="text" name="option" id="">
                </div>
                <div class="row">
                    <p>Option:</p>
                    <input type="text" name="option" id="">
                </div>
                <div class="row">
                    <p>Option:</p>
                    <input type="text" name="option" id="">
                </div>
                <div class="row">
                    <p>Option:</p>
                    <input type="text" name="option" id="">
                </div>
                <input type="submit" name="submit" id="" value="Save">
            </form class="fl">

            <form action="" id="p_form">
                <div class="row">
                    <p>Option:</p>
                    <input type="text" name="option" id="">
                </div>
                <div class="row">
                    <p>Option:</p>
                    <input type="text" name="option" id="">
                </div>

                <input type="submit" name="submit" id="" value="Save">
            </form class="fl">

            <form action="" id="l_form">
                <div class="row">
                    <p>Option:</p>
                    <input type="text" name="option" id="">
                </div>
                <div class="row">
                    <p>Option:</p>
                    <input type="text" name="option" id="">
                </div>
                <div class="row">
                    <p>Option:</p>
                    <input type="text" name="option" id="">
                </div>
                <div class="row">
                    <p>Option:</p>
                    <input type="text" name="option" id="">
                </div>
                <div class="row">
                    <p>Option:</p>
                    <input type="text" name="option" id="">
                </div>
                <div class="row">
                    <p>Option:</p>
                    <input type="text" name="option" id="">
                </div>
                <input type="submit" name="submit" id="" value="Save">
            </form class="fl">

            <form action="" id="f_form">
                <div class="row">
                    <p>Option:</p>
                    <input type="text" name="option" id="">
                </div>

                <div class="row">
                    <p>Option:</p>
                    <input type="text" name="option" id="">
                </div>
                <div class="row">
                    <p>Option:</p>
                    <input type="text" name="option" id="">
                </div>
                <input type="submit" name="submit" id="" value="Save">
            </form class="fl">

        </div>










    </div>
    <!-- End of menu -->


    <footer>

        <img src="img/footer_cane.png" alt="cane" class="footer_cane">
        <img src="img/bg_tower.png" alt="tower" class="footer_tower">
        <p>Copyright © 2014 Pangtang. All Rights Reserved. </p>
    </footer>


</body>

</html>